<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>西果厨娘菜谱</title>

		<link href="https://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="static/css/master/master.css" />
		<link rel="stylesheet" type="text/css" href="static/css/recipe/recipeDetail.css" />
		<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
		<script type="text/javascript" src="static/js/jquery.qqFace.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
		
	</head>

	<body>
		<header>
			<div class="navbarfixed">

				<div class="nav1">
					<img src="static/img/master/logo-bb-mp-m-240x115.png" />
					<div class="menu">
						<ul>
							<li>
								<a href="#">
									<p>菜谱</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p>料理工具</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p>杂志</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p>提升技能</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="search">

						<div class="input-group">
							<div class="input-group-btn">
								<button type="button" class="btn btn-default">菜谱</button>
								<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="caret"></span>
                            <span class="sr-only">Toggle Dropdown</span>
                            </button>
								<ul class="dropdown-menu">
									<li>
										<a href="#">菜谱</a>
									</li>
									<li>
										<a href="#">料理工具</a>
									</li>
									<li>
										<a href="#">杂志</a>
									</li>
									<li>
										<a href="#">提升技能</a>
									</li>
								</ul>
							</div>
							<div class="search-input">
								<input type="text" class="form-control" aria-label="Text input with segmented button dropdown">
							</div>
							<div class="input-group-btn inputnext">
								<button type="button" class="btn btn-default ">
								<span class="glyphicon glyphicon-search"></span>
							</button>
							</div>
						</div>
					</div>

					<div class="right-items">
						<ul>
							<li>
								<a href="#">
									<span class="glyphicon glyphicon-user icon iconuser" aria-hidden="true"></span>
									<span class="label">
								<p>登录</p>
							</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="glyphicon glyphicon-heart icon iconheart" aria-hidden="true"></span>
									<span class="label">
								<p>收藏</p>
							</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="glyphicon glyphicon-shopping-cart icon iconcart" aria-hidden="true"></span>
									<span class="label">
								<p>购物车</p>
							</span>
								</a>
							</li>
						</ul>
					</div>

				</div>
				<div class="nav2">
					<div class="menu2">
						<ul>
							<li>
								<a href="#">
									<p>菜谱</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p>料理工具</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p>杂志</p>
								</a>
							</li>
							<li>
								<a href="#">
									<p>提升技能</p>
								</a>
							</li>
						</ul>
					</div>
				</div>

			</div>
		</header>
		<div class="content">
			<div class="route">
				<ol class="breadcrumb">
					<li>
						<a href="#">主页</a>
					</li>
					<li>
						<a href="#">菜谱</a>
					</li>
					<li class="active">今天要做什么呢？</li>
				</ol>
			</div>
			<div class="layout-width nocontainer">
				<div class="col-lg-9 col-md-9 col-sm-9 detailregion">
				<article id="articleDetail">
					
				</article>
				</div>
				<div class="col-lg-3 col-md-3 col-sm-3 sugg">
					<h3>您可能会感兴趣</h3>
					<hr />
					<div class="suggitem">
						<a href="#">
							<img src="static/img/recipe/suggesproduct.jpg" />
							<h5>“专业”真空烹饪液体加热器</h5>
							<p>¥120.00<span class="glyphicon glyphicon-shopping-cart"></span></p>
						</a>
					</div>
					<div class="suggitem">
						<a href="#">
							<img src="static/img/recipe/suggesproduct.jpg" />
							<h5>“专业”真空烹饪液体加热器</h5>
							<p>¥120.00<span class="glyphicon glyphicon-shopping-cart"></span></p>
						</a>
					</div>
					<div class="suggitem">
						<a href="#">
							<img src="static/img/recipe/suggesproduct.jpg" />
							<h5>“专业”真空烹饪液体加热器</h5>
							<p>¥120.00<span class="glyphicon glyphicon-shopping-cart"></span></p>
						</a>
					</div>

				</div>

			</div>

			<div class="recommendmenu nocontainer ">
				<div class="page-header page-header-modify col-lg-12 col-md-12 col-sm-12">
					<h1>其他食谱 <small>原来还有这种操作</small></h1>
				</div>
				<div class="row">
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>

					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>

					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>

					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
				</div>
			</div>
			<div class="recommendmenu nocontainer ">
				<div class="page-header page-header-modify col-lg-12 col-md-12 col-sm-12">
					<h1>上次查看 <small>我曾经也研究过这些宝贝</small></h1>
				</div>
				<div class="row">
					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>

					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>

					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>

					<div class="slice col-lg-3 col-md-3 col-sm-3">
						<a href="#">
							<img class="other" src="static/img/recipe/recipedate.jpg" />
							<h4>面包蛋糕，豆泥与杏子和鹰嘴豆泥与辣椒</h4>
							<span>用面粉，小茴香，酵母，水和橄榄油做的自制面包。</span>
							<div class="info">
								<span class="glyphicon glyphicon-thumbs-up" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="点赞数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="点赞数">12</span> &nbsp;
								<span class="glyphicon glyphicon-comment" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="评论数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="评论数">12</span> &nbsp;
								<span class="glyphicon glyphicon-question-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="付费提问数"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="付费提问数">12</span> &nbsp;
								<span class="glyphicon glyphicon-info-sign" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)"></span>
								<span data-toggle="tooltip" data-placement="bottom" title="回答质量评价(0-10)">12</span>
							</div>
						</a>
					</div>
				</div>
			</div>

		</div>

		<footer class="footer">
			<div class="container">
				<div class="row footer-top">
					<div class="col-sm-6 col-lg-6">
						<div>
							<!--<img src="" class="navbar-brand" style="padding:10px 10px" />-->
							<h2>西果厨娘工作室</h2>
							<br />
							<p>我们唯一的任务就是把最好的美食分享给您</p>
							<br />
							<p>有问题？请马上邮件联系我们！我们会尽力帮助您。</p>
						</div>
					</div>
					<div class="col-sm-5  col-lg-5 col-lg-offset-1">
						<div class="row">
							<div class="col-xs-4">
								<h3>关于</h3>
								<ul class="list-unstyled">
									<li>
										<a href="/about/">关于我们</a>
									</li>
									<li>
										<a href="/dl/">公益/商业合作</a>
									</li>
									<li>
										<a href="/links/">友情链接</a>
									</li>
								</ul>
							</div>
							<div class="col-xs-8">
								<h3>联系方式</h3>
								<ul class="list-unstyled">
									<li>
										电话：13924682405
									</li>
									<li>
										电子邮件:
									</li>
									<li>
										微信公众号:
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="row footer-bottom">
					<ul class="list-inline text-center">
						<li>
							<a href="#" target="_blank"></a>
						</li>
						<li></li>
					</ul>
				</div>
			</div>
		</footer>

	</body>

</html>